import * as React from 'react';
import {Icon} from '@rneui/themed';
import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';

import Home from "../../Page/base/Home";
import Menu from "../../Page/base/Menu";

const RootTab = createBottomTabNavigator();

const Tab = () => {
    return (
        <RootTab.Navigator>
            <RootTab.Screen name="Home" component={Home} options={{
                headerShown: false, tabBarLabel: "工作台",
                tabBarIcon: ({color, size}) => (
                    <Icon
                        color={color}
                        name="calendar"
                        size={size}
                        type="antdesign"
                    />
                )
            }}/>
            <RootTab.Screen name="Menu" component={Menu} options={{
                headerShown: false, tabBarLabel: "菜单",
                tabBarIcon: ({color, size}) => (
                    <Icon
                        color={color}
                        name="appstore-o"
                        size={size}
                        type="antdesign"
                    />
                )
            }}/>
        </RootTab.Navigator>
    );
}
export default Tab;
